<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <link type="text/css" href="/static/css/style.css" rel="stylesheet" />
  <title>play go online</title>
</head>
<body>
<div id="game">
  <h1>9x9 GO game</h1>
  <div id="msg">
    Your name: <input id="user_name" type="text" name="user_name" /><input id="join" type="button" value="Join" />
  </div>
  <div class="l"><canvas id="board" width="450" height="450"></canvas></div>
  <div class="r">
    <p id="turn">Turn: 0</p>
    <p id="player">You: </p>
    <p id="player_hama">Hama: 0</p>
    <p id="opponent">Opponent: </p>
    <p id="opponent_hama">Hama: 0</p>
    <p id="stat">ready?</p>
  </div>
  <div class="fotter" style="clear:both;">
    <div class="command">
      <input id="resign" type="button" value="Resign" disabled="disabled" />
    </div>
  </div>
</div>
<script type="text/javascript" src="/static/js/channel.js"></script>
<script type="text/javascript" src="/static/js/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="/static/js/go.js"></script>
</body>
</html>